<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  props: {},
  components: {},
  data() {
    return {
      AllList: [],
    };
  },
  watch: {},
  computed: {},
  created() {},
};
</script>

<style scoped lang="less">
.allList {
}
.box-card {
  margin-bottom: 16px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
  .itemTop {
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    .itemImg {
      width: 50%;
      height: 155px;
      margin-right: 8px;
    }
    .info {
      width: 50%;
      height: 155px;
      text-align: left;
      display: flex;
      flex-direction: column;
      span {
        margin-bottom: 13px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
      }
    }
  }
}
</style>
